<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>排行管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/pages/dashboard.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/pages/dashboard.css" rel="stylesheet">
<!-- 饼图 -->
<!-- <script src="js/excanvas.min.js"></script> -->
<script src="js/echarts.common.min.js" type="text/javascript"></script>
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.js"></script>
<script src="js/moment.js"></script>
<script src="js/bootstrap-datetimepicker.js"></script>
<!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.js"></script>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/base.js"></script>
<script src="js/pages/son_false_self.js"></script>
</head>
<body>
  <!-- 顶部 -->
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">CRM系统</a>
        </div>
        <p class="header-exit">你好！XXX<a href="login.html">退出</a></p>
      </div>
    </div>
  </div>
  <!-- 头部导航 -->
  <div class="subnavbar">
    <div class="subnavbar-inner">
      <div class="container">
        <ul class="nav navbar-nav">
          <li>
            <a href="notice_index.html">待办事项</a>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                录入商机
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="client_client.html">录入单个商机</a></li>
                <li><a href="client_client_batch.html">批量录入</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                商机管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="main_main.html">个人商机</a></li>
                <li><a href="main_unknown.html">公司商机</a></li>
                <li><a href="main_future.html">未来商机</a></li>
                <li><a href="main_false_note.html">失败商机</a></li>
                <li><a href="main_success_bus.html">成功商机</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                销售日报
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="work_everybody.html">所有人日报</a></li>
                <li><a href="work_froms.html">公司商机</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                销售计划
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="sales_index.html">公司销售计划</a></li>
                <li><a href="sales_person_plan.html">个人销售计划</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                渠道管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="channel_person_channel.html">个人渠道</a></li>
                <li><a href="channel_company_channel.html">公司渠道</a></li>
                <li><a href="channel_addcollege.html">添加高校</a></li>
            </ul>
          </li>
          <li class="dropdown active">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                排行管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="son_son.html">公司销售排行</a></li>
                <li><a href="son_self.html">个人销售排行</a></li>
                <li><a href="son_overdue_branch_list.html">公司逾期排行</a></li>
                <li><a href="son_overdue_list.html">个人逾期排行</a></li>
                <li><a href="son_visit_company.html">公司上门完成率排行</a></li>
                <li><a href="son_visit_self.html">个人上门完成率排行</a></li>
                <li><a href="son_false_analyse.html">失败回访排行</a></li>
                <li><a href="son_false_self.html">个人失败分析排行</a></li>
                <li><a href="son_false_com.html">公司失败分析排行</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                推广管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="client_proportion.html">导入比例设置</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                群发管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="mass_send_email_send.html">邮件群发</a></li>
                <li><a href="mass_send_message_send.html">短信群发</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                星级管理
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li><a href="star_manage_sales_com.html">销售业绩提成</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 面包屑 -->
  <div class="container">
    <ol class="breadcrumb">
        <li>CRM系统</li>
        <li>排行管理</li>
        <li class="active">公司失败分析排行</li>
    </ol>
  </div>
  <!-- 内容 -->
  <div class="container">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">公司失败分析排行</h3>
      </div>
      <div class="panel-body">
        <form class="form-horizontal" role="form">
          <div class="form-group">
            
            <label class="col-sm-1 control-label">分公司：</label>
            <div class="col-sm-2">
              <select name="" class="form-control" id="">
                <option value="">--请选择--</option>
                <option value="41" abc = ''  >测试公司1</option>
                <option value="16" abc = ''  >测试公司2</option>
                <option value="17" abc = ''  >测试公司3</option>
              </select>
            </div>
            <label class="col-sm-1 control-label">日期：</label>
            <div class="col-sm-2">
              <input type='text' class="form-control" id='datetimepicker1'/>
            </div>
            <div class="col-sm-1">
              <button type="submit" class="btn btn-primary">搜索</button>
            </div>
          </div>
        </form>
        <div id="main" style="width: 100%;height:500px; margin:0 auto;margin-top:24px;"></div>
          <script>
          $(function(){
            var myChart = echarts.init(document.getElementById('main'));

            option = {
              title : {
                  text: 'xxx实习公司 2016年10月公司失败分析',
                  x:'center'
              },
              tooltip : {
                  trigger: 'item',
                  formatter: "{a} <br/>{b} : {c} ({d}%)"
              },
              legend: {
                  orient: 'horizontal',
                  bottom: '10',
                  data: ['只找暑假、寒假工','应聘岗位已具备1年以上工作经验','嫌实习收入太低','知悉我们的模式并且反感','没有投过简历，个人没兴趣','广告信息','初中或者小学学历','已参加过同类培训','年龄过小或过大','想找工作不想实习','想从事其它职位(跟进记录请写哪个职位)','负面信息','已找到工作(跟进记录请写哪个职位)','持续3天每半天1次，固话手机均联系不上','家人或亲友反对','其它理由（跟进记录请写具体理由）']
              },
              series : [
                  {
                      name: '失败原因',
                      type: 'pie',
                      radius : '55%',
                      center: ['50%', '40%'],
                      data:[
                          {value:335, name:'只找暑假、寒假工'},
                          {value:310, name:'应聘岗位已具备1年以上工作经验'},
                          {value:234, name:'嫌实习收入太低'},
                          {value:135, name:'知悉我们的模式并且反感'},
                          {value:1548, name:'没有投过简历，个人没兴趣'},
                          {value:135, name:'广告信息'},
                          {value:135, name:'初中或者小学学历'},
                          {value:135, name:'已参加过同类培训'},
                          {value:135, name:'年龄过小或过大'},
                          {value:135, name:'想找工作不想实习'},
                          {value:135, name:'想从事其它职位(跟进记录请写哪个职位)'},
                          {value:135, name:'负面信息'},
                          {value:135, name:'已找到工作(跟进记录请写哪个职位)'},
                          {value:135, name:'持续3天每半天1次，固话手机均联系不上'},
                          {value:135, name:'家人或亲友反对'},
                          {value:135, name:'其它理由（跟进记录请写具体理由）'}
                      ],
                      itemStyle: {
                          emphasis: {
                              shadowBlur: 10,
                              shadowOffsetX: 0,
                              shadowColor: 'rgba(0, 0, 0, 0.5)'
                          }
                      }
                  }
              ]
          };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
          })
          </script>
        <div class="alert alert-warning" role="alert">
          注：点击分公司名称，可看到对应的效果分析图。<br>
          2、273(30%):代表该失败理由有273个失败商机，占总体失败商机30%
        </div>
        <table class="table table-bordered">
          <thead>
            <tr>
              <th width="90">分公司</th>
              <th>119</th>
              <th>118</th>
              <th>117</th>
              <th>115</th>
              <th>114</th>
              <th>113</th>
              <th>112</th>
              <th>111</th>
              <th>110</th>
              <th>109</th>
              <th>108</th>
              <th>107</th>
              <th>104</th>
              <th>103</th>
              <th>102</th>
              <th>100</th>        
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><a href="javascript:void(0);">xxx实习公司</a> </td>
              <td>17(3.4%)</td>
              <td>31(6.1%)</td>
              <td>6(1.2%)</td>
              <td>18(3.6%)</td>
              <td>74(14.7%)</td>
              <td>10(2%)</td>
              <td>7(1.4%) </td>
              <td>68(13.5%)</td>
              <td>47(9.3%)</td>
              <td>23(4.6%)</td>
              <td>38(7.5%)</td>
              <td>9(1.8%)</td>
              <td>79(15.6%)</td>
              <td>48(9.5%)</td>
              <td>1(0.2%)</td>
              <td>29(5.7%)</td>
            </tr>
          </tbody>
        </table>
        <div class="alert alert-info" role="alert">
          <strong>编号:</strong><br>
          119:只找暑假、寒假工<br>
          118:应聘岗位已具备1年以上工作经验<br>
          117:嫌实习收入太低<br>
          115:知悉我们的模式并且反感<br>
          114:没有投过简历，个人没兴趣<br>
          113:广告信息<br>
          112:初中或者小学学历<br>
          111:已参加过同类培训<br>
          110:年龄过小或过大<br>
          109:想找工作不想实习<br>
          108:想从事其它职位(跟进记录请写哪个职位)<br>
          107:负面信息<br>
          104:已找到工作(跟进记录请写哪个职位)<br>
          103:持续3天每半天1次，固话手机均联系不上<br>
          102:家人或亲友反对<br>
          100:其它理由（跟进记录请写具体理由）<br>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
